import NavBar from '@/components/NavBar'
import styles from './index.module.scss'

const Question = () => {
  return (
    <div className={styles.root}>
      {/* 顶部导航栏 */}
      <NavBar left={<></>}>问答</NavBar>

      {/* 问答列表 */}
      <div className='question-list'>
        <div className='question-item'>
          <div className='question-left'>
            <h3>作为 IT 行业的过来人，你有什么话想对后辈说的？</h3>
            <div className='info'>
              <span>赞同 1000+</span>
              <span>评论 500+</span>
              <span>1小时前</span>
            </div>
          </div>
          <div className='question-right'>
            <img
              src='https://pic1.zhimg.com/80/v2-8e77b2771314f674cccba5581560d333_xl.jpg?source=4e949a73'
              alt=''
            />
          </div>
        </div>
        <div className='question-item'>
          <div className='question-left'>
            <h3>作为 IT 行业的过来人，你有什么话想对后辈说的？</h3>
            <div className='info'>
              <span>赞同 1000+</span>
              <span>评论 500+</span>
              <span>1小时前</span>
            </div>
          </div>
          <div className='question-right'>
            <img
              src='https://pic1.zhimg.com/80/v2-8e77b2771314f674cccba5581560d333_xl.jpg?source=4e949a73'
              alt=''
            />
          </div>
        </div>
        <div className='question-item'>
          <div className='question-left'>
            <h3>作为 IT 行业的过来人，你有什么话想对后辈说的？</h3>
            <div className='info'>
              <span>赞同 1000+</span>
              <span>评论 500+</span>
              <span>1小时前</span>
            </div>
          </div>
          <div className='question-right'>
            <img
              src='https://pic1.zhimg.com/80/v2-8e77b2771314f674cccba5581560d333_xl.jpg?source=4e949a73'
              alt=''
            />
          </div>
        </div>
        <div className='question-item'>
          <div className='question-left'>
            <h3>作为 IT 行业的过来人，你有什么话想对后辈说的？</h3>
            <div className='info'>
              <span>赞同 1000+</span>
              <span>评论 500+</span>
              <span>1小时前</span>
            </div>
          </div>
          <div className='question-right'>
            <img
              src='https://pic1.zhimg.com/80/v2-8e77b2771314f674cccba5581560d333_xl.jpg?source=4e949a73'
              alt=''
            />
          </div>
        </div>
        <div className='question-item'>
          <div className='question-left'>
            <h3>作为 IT 行业的过来人，你有什么话想对后辈说的？</h3>
            <div className='info'>
              <span>赞同 1000+</span>
              <span>评论 500+</span>
              <span>1小时前</span>
            </div>
          </div>
          <div className='question-right'>
            <img
              src='https://pic1.zhimg.com/80/v2-8e77b2771314f674cccba5581560d333_xl.jpg?source=4e949a73'
              alt=''
            />
          </div>
        </div>
      </div>
    </div>
  )
}

export default Question
